@import './base.css';
@import './normal.css';

#app {
  font-weight: normal;
}

.btn {
  padding: 10px 20px;
  border-radius: 4px;
  margin-right: 0.5rem;

  &.primary {
    background-color: #2a82e4;
  }

  &.normal {
    background-color: #383838;
  }
}

.course img {
  width: 100%;
  min-height: 550px;
  object-fit: cover;
}

.course1 img {
  width: 100%;
  height: 100px;
  width: 170px;
  object-fit: cover;
}

.course1 img:hover {
  height: auto;
  transform-origin: 50% 100%;
}

.course-title {
  padding-inline: .5rem;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 2rem;
  letter-spacing: .8rem;
  font-weight: 700;
}

.course-image {
  padding-bottom: 5rem;
}